﻿a,body {
	color:#333
}
#logo a:before,.clearfix:after,.clearfix:before,.nav-box .nav>li .sub-nav:before,.nav-box .nav>li .sub-nav>ul li a:before,.nav-box .nav>li:nth-child(2)>a:after {
	content:""
}
.footer dl dd a:hover,a,a:hover {
	text-decoration:none
}
.clearfix:after {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	clear:both
}
.clearfix {
	zoom:1
}
.clearfix:after,.clearfix:before {
	display:table
}
@font-face {
	font-family:'PingFang SC';
	/*src:url(img/PingFang.ttc?0cf154662a17edfbb6ca558d3525d70f) format("ttc"),url(img/PingFang.ttf?c42f2cf165edb9e0ff57880dbee1d50a) format("TureTpe");*/
	font-weight:300;
	font-style:normal
}
@font-face {
	font-family:iconfont;
	/*src:url(img/iconfont.eot?323248c0658f35f80d2275823f970035);*/
	/*src:url(img/iconfont.eot?323248c0658f35f80d2275823f970035?#iefix) format("embedded-opentype"),url(img/iconfont.woff?0bda8b11c2893432c5cb88b136b62985) format("woff"),url(img/iconfont.ttf?32d777cea5ef94140f82fb102bfcf8a2) format("truetype")*/
}
body,dd,dl,figure,h1,h2,h3,h4,h5,input,ol,p,ul {
	margin:0
}
button,input,ol,ul {
	padding:0
}
li,ol,ul {
	list-style:none
}
a,button,img,input,optgroup,select,textarea {
	outline:0;
	-webkit-tap-highlight-color:transparent
}
a,img {
	-webkit-touch-callout:none;
	border:0
}
body {
	-webkit-overflow-scrolling:touch;
	font:300 12px/1 'PingFang SC','Microsoft Yahei','Helvetica Neue',Helvetica,STHeitiSC-Light,Arial;
	min-width:1200px;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-ms-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	-moz-osx-font-smoothing:grayscale
}
body,html {
	height:100%
}
button,img,input,textarea {
	vertical-align:middle;
	outline:0;
	border:none
}
h1,h2,h3,h4,h5 {
	font-size:100%;
	font-weight:300
}
a {
	outline:0
}
a:active,a:focus {
	background-color:transparent
}
img[data-original*=".jpg"] {
	background:url(../images/loading.gif) 50% 50%/40px 40px no-repeat
}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
	-webkit-appearance:none!important;
	margin:0
}
input:-webkit-autofill {
	box-shadow:0 0 0 1000px #fff inset!important;
	-webkit-box-shadow:0 0 0 1000px #fff inset!important;
	-moz-box-shadow:0 0 0 1000px #fff inset!important;
	-ms-box-shadow:0 0 0 1000px #fff inset!important;
	background-color:#fff!important
}
.header,.nav-box .nav>li:hover .sub-nav {
	box-shadow:0 2px 2px rgba(147,157,166,.4)
}
.none {
	display:none!important
}
.left {
	float:left
}
.right {
	float:right
}
.icon-fonts:before {
	position:absolute;
	display:block;
	font-family:iconfont;
	font-size:52px;
	color:#00b5d8
}
.main {
	margin:0 auto;
	width:1200px
}
.mark-down {
	padding:10px;
	border-radius:3px;
	background-color:#F3F1F1
}
/*#logo a:before,.login-box .phone-400,.nav-box .nav>li .sub-nav>ul li a:before {*/
	/*background:url(../images/common-icon.svg) no-repeat*/
/*}*/
.header {
	position:fixed;
	left:0;
	top:0;
	right:0;
	z-index:100;
	height:70px;
	background-color:#fcfcfd;
	transition:top .5s
}
.header.pinned {
	top:0;
	z-index:9999
}
.header.unpinned {
	top:-80px
}
.header .header-main {
	margin:0 auto;
	width:1100px
}
#logo2 {
	position:relative;
	float:left;
	margin-right:44px;
	width:116px;
	height:70px;
	overflow:hidden
}
#logo2 a {
	display:block;
	width:100%;
	height:100%;
	font-size:0;
	overflow:hidden
}
#logo2 a:before {
	display:block;
	margin-top:20px;
	margin-bottom:20px;
	width:116px;
	height:30px;
	background-position:0 -542px
}
#logo2 {
    background-repeat: no-repeat;
	background-image: url(../images/logo.jpg);
}
.nav-box .nav>li .sub-nav.product-list ul li:nth-child(1) a:before,.nav-box .nav>li .sub-nav>ul li a.cur:before,.nav-box .nav>li .sub-nav>ul li a:hover:before {
	background-position:0 -28px
}
.nav-box {
	float:left
}
.nav-box .nav>li {
	display:inline-block;
	float:left;
	margin:0 20px
}
.nav-box .nav>li>a {
	display:inline-block;
	padding:28px 0;
	font-size:14px;
	color:#333;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease;
	position:relative
}
.nav-box .nav>li>.nav-line {
	position:relative;
	bottom:1px;
	z-index:102;
	width:0;
	height:1px;
	background-color:#0097fd;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease
}
.nav-box .nav>li .sub-nav {
	position:absolute;
	top:70px;
	left:0;
	z-index:101;
	width:100%;
	height:0;
	background-color:#fcfcfd;
	overflow:hidden;
	-webkit-transition:height .5s ease;
	-moz-transition:height .5s ease;
	-ms-transition:height .5s ease;
	transition:height .5s ease
}
.login-box .app-download .app-download-item a,.nav-box .nav>li .sub-nav>ul li a {
	display:block;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease
}
.nav-box .nav>li .sub-nav:before {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:1px;
	background-color:#ebe9eb
}
.nav-box .nav>li .sub-nav>ul {
	margin:0 auto;
	width:1100px
}
.nav-box .nav>li .sub-nav>ul li {
	float:left;
	padding:39px 30px;
	height:62px;
	font-size:14px
}
.nav-box .nav>li .sub-nav.scheme ul li:nth-child(2),.nav-box .nav>li .sub-nav.scheme ul li:nth-child(5) {
	padding-top:42px
}
.nav-box .nav>li .sub-nav>ul li a {
	color:#484848;
	transition:all .5s ease
}
.nav-box .nav>li .sub-nav>ul li a:before {
	display:block;
	margin:0 auto 16px;
	width:32px;
	height:32px
}
.nav-box .nav>li .sub-nav>ul li a.cur,.nav-box .nav>li .sub-nav>ul li a:hover {
	color:#09f
}
.nav-box .nav>li .sub-nav>ul li:nth-child(1) {
	padding-left:180px
}
.nav-box .nav>li .sub-nav.product-list ul li:nth-child(1) a.cur:before,.nav-box .nav>li .sub-nav.product-list ul li:nth-child(1) a:hover:before {
	background-position:0 -62px
}
.nav-box .nav>li .sub-nav.product-list ul li:nth-child(2) a:before {
	background-position:0 -96px
}
.nav-box .nav>li .sub-nav.product-list ul li:nth-child(2) a.cur:before,.nav-box .nav>li .sub-nav.product-list ul li:nth-child(2) a:hover:before {
	background-position:0 -128px
}
.nav-box .nav>li .sub-nav.product-list ul li:nth-child(3) a:before {
	background-position:0 -160px
}
.nav-box .nav>li .sub-nav.product-list ul li:nth-child(3) a.cur:before,.nav-box .nav>li .sub-nav.product-list ul li:nth-child(3) a:hover:before {
	background-position:0 -193px
}
.nav-box .nav>li .sub-nav.product-list ul li:nth-child(4) a:before {
	width:26px;
	background-position:0 -226px
}
.nav-box .nav>li .sub-nav.product-list ul li:nth-child(4) a.cur:before,.nav-box .nav>li .sub-nav.product-list ul li:nth-child(4) a:hover:before {
	background-position:0 -259px
}
.nav-box .nav>li .sub-nav.scheme ul li:nth-child(1) a:before {
	background-position:0 -292px
}
.nav-box .nav>li .sub-nav.scheme ul li:nth-child(1) a.cur:before,.nav-box .nav>li .sub-nav.scheme ul li:nth-child(1) a:hover:before {
	background-position:0 -325px
}
.nav-box .nav>li .sub-nav.scheme ul li:nth-child(2) a {
	position:relative
}
.nav-box .nav>li .sub-nav.scheme ul li:nth-child(2) a:before {
	margin-bottom:19px;
	height:26px;
	background-position:0 -775px
}
.nav-box .nav>li .sub-nav.scheme ul li:nth-child(2) a:after {
	content:"";
	width:25px;
	height:12px;
	position:absolute;
	background:url() 0 -15px no-repeat;
	right:-23px;
	top:3px
}
.nav-box .nav>li .sub-nav.scheme ul li:nth-child(2) a.cur:before,.nav-box .nav>li .sub-nav.scheme ul li:nth-child(2) a:hover:before {
	background-position:0 -803px
}
.nav-box .nav>li .sub-nav.scheme ul li:nth-child(3) a:before {
	background-position:0 -359px
}
.nav-box .nav>li .sub-nav.scheme ul li:nth-child(3) a.cur:before,.nav-box .nav>li .sub-nav.scheme ul li:nth-child(3) a:hover:before {
	background-position:0 -392px
}
.nav-box .nav>li .sub-nav.scheme ul li:nth-child(4) a:before {
	background-position:0 -424px
}
.nav-box .nav>li .sub-nav.scheme ul li:nth-child(4) a.cur:before,.nav-box .nav>li .sub-nav.scheme ul li:nth-child(4) a:hover:before {
	background-position:0 -457px
}
.nav-box .nav>li .sub-nav.scheme ul li:nth-child(5) a:before {
	margin-bottom:21px;
	height:24px;
	background-position:0 -490px
}
.nav-box .nav>li .sub-nav.scheme ul li:nth-child(5) a.cur:before,.nav-box .nav>li .sub-nav.scheme ul li:nth-child(5) a:hover:before {
	background-position:0 -516px
}
.nav-box .nav>li .sub-nav.developer-center ul li:nth-child(1) a:before {
	background-position:0 -575px
}
.nav-box .nav>li .sub-nav.developer-center ul li:nth-child(1) a.cur:before,.nav-box .nav>li .sub-nav.developer-center ul li:nth-child(1) a:hover:before {
	background-position:0 -609px
}
.nav-box .nav>li .sub-nav.developer-center ul li:nth-child(2) a:before {
	background-position:0 -643px
}
.nav-box .nav>li .sub-nav.developer-center ul li:nth-child(2) a.cur:before,.nav-box .nav>li .sub-nav.developer-center ul li:nth-child(2) a:hover:before {
	background-position:0 -675px
}
.nav-box .nav>li .sub-nav.developer-center ul li:nth-child(3) a:before {
	background-position:0 -707px
}
.nav-box .nav>li .sub-nav.developer-center ul li:nth-child(3) a.cur:before,.nav-box .nav>li .sub-nav.developer-center ul li:nth-child(3) a:hover:before {
	background-position:0 -741px
}
.nav-box .nav>li:nth-child(2)>a:after {
	width:27px;
	height:12px;
	position:absolute;
	background:url() no-repeat;
	right:-29px;
	top:22px
}
.nav-box .nav>li:hover>.nav-line {
	width:calc(100%)
}
.nav-box .nav>li:hover .sub-nav {
	height:140px
}
.nav-box .nav>li.cur a {
	color:#008cff
}
.login-box {
	float:right;
	width:290px
}
.login-box>div {
	float:left
}
.login-box .phone-400 {
	float:left;
	margin-top:22px;
	margin-bottom:22px;
	/*padding-right:42px;*/
	/*padding-left:33px;*/
	height:26px;
	font-size:14px;
	line-height:26px;
	color:#333;
	background-position:0 0
}
.login-box .app-download {
	float:left;
	padding-right:20px;
	width:106px;
	font-size:15px;
	color:#fff
}
.login-box .app-download:after {
	content:'';
	float:right;
	margin-top:22px;
	height:16px;
	border-left:1px solid #fff
}
.login-box .app-download .app-download-item a {
	float:left;
	padding:17px 0;
	transition:all .5s ease
}
.login-box .app-download .app-download-item a em {
	position:relative;
	top:-6px;
	font-style:normal
}
.login-box .app-download .app-download-item a:before {
	content:'';
	display:inline-block;
	margin-right:10px;
	width:16px;
	height:25px;
	/*background:url(../images/nav-icon.svg) 0 -889px no-repeat*/
}
.login-box .app-download .app-download-item a:hover:before {
	color:#008cff
}
.login-box .app-download .app-download-item .sub-nav {
	position:absolute;
	top:60px;
	left:0;
	z-index:11;
	width:100%;
	height:0;
	background-color:rgba(17,17,17,.85);
	overflow:hidden;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease
}
.login-box .app-download .app-download-item .sub-nav:before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:1px;
	background-color:#313131
}
.login-box .app-download .app-download-item .sub-nav ul {
	position:relative;
	margin:50px auto 0;
	width:600px
}
.login-box .app-download .app-download-item .sub-nav ul:before {
	content:"";
	position:absolute;
	top:0;
	left:50%;
	width:1px;
	height:178px;
	border-right:1px dashed #404245
}
.login-box .app-download .app-download-item .sub-nav ul li {
	position:relative;
	float:left;
	padding:0 90px;
	width:120px;
	line-height:1;
	text-align:center
}
.login-box .app-download .app-download-item .sub-nav ul li p {
	margin-top:20px;
	margin-bottom:10px;
	font-size:14px;
	color:#fff
}
.login-box .app-download .app-download-item .sub-nav ul li span {
	font-size:12px;
	color:#999
}
.login-box .app-download .app-download-item .sub-nav ul li:before {
	content:"";
	display:block;
	width:118px;
	height:118px;
	background-color:#fff;
	border:1px solid #e5e5e5;
	border-radius:4px
}
.login-box .app-download .app-download-item .sub-nav ul li:after {
	content:"";
	position:absolute;
	left:100px;
	top:10px;
	z-index:2;
	display:block;
	width:100px;
	height:100px;
	/*background:url(../images/download-app-fql.png) no-repeat;*/
	background-size:100px 100px
}
.login-box .app-download .app-download-item .sub-nav ul li:nth-child(2):after {
	/*background:url(../images/download-app-lp.png) no-repeat;*/
	background-size:100px 100px
}
.login-box .app-download .app-download-item:hover .sub-nav {
	height:277px
}
.login-box .has_login,.login-box .no_login {
	padding-top:20px;
	padding-bottom:20px
}
.login-box a {
	display:inline-block;
	width:54px;
	height:30px;
	font-size:14px;
	line-height:30px;
	vertical-align:middle;
	text-align:center;
	color:#333
}
.footer dl dd a,.footer dl dt,.footer dl.other dd {
	text-align:left;
	font-weight:400
}
.login-box a:first-child {
	width:auto
}
.login-box a:hover {
	color:#09f
}
.login-box a.reg-btn {
	margin-left:26px;
	width:58px;
	height:30px;
	color:#fff;
	background-color:#0097fd;
	border-radius:4px
}
.login-box a.reg-btn:hover {
	color:#fff;
	background-color:#0078ff
}
.login-box a.usr-btn {
    margin-left:26px;
    width:80px;
    height:30px;
    color:#fff;
    background-color:#0097fd;
    border-radius:4px
}
.login-box a.usr-btn:hover {
    color:#fff;
    background-color:#0078ff
}
.login-box .quit-btn {
	padding:0;
	font-size:14px;
	color:#333
}
.footer {
	background-color:#1b1f22
}
.footer .main {
	margin-bottom:80px;
	padding-top:56px;
	width:1100px
}
.footer dl {
	display:inline-block;
	margin-right:114px;
	line-height:34px;
	vertical-align:top
}
.footer dl dt,.footer dl.other dd>a div.yx p {
	line-height:1
}
.footer dl dt {
	margin-bottom:15px;
	font-size:16px;
	color:#ccc
}
.footer dl dd a {
	position:relative;
	font-size:14px;
	color:#868e94
}
.footer dl dd a:hover {
	color:#ccc
}
.footer dl.other {
	float:right;
	margin-right:52px
}
.footer dl.other dd {
	font-size:20px;
	color:#ccc
}
.footer dl.other dd:nth-child(3) {
	margin-top:35px;
	font-weight:400
}
.footer dl.other dd em {
	display:block;
	margin-top:6px;
	font-style:normal;
	font-weight:400;
	font-size:14px;
	line-height:1;
	color:#868e94
}
.footer dl.other dd>a {
	position:relative;
	display:inline-block;
	margin-right:20px;
	width:24px;
	height:24px;
	text-align:center;
	color:#ccc;
	background-color:#3b454d;
	border-radius:12px
}
.footer dl.other dd>a:before {
	position:relative;
	top:-6px;
	font-family:iconfont;
	font-size:18px;
	color:#b0bac2
}
.footer dl.other dd>a.email:before {
	content:'\e61c'
}
.footer dl.other dd>a.wx:before {
	content:'\e616'
}
.footer dl.other dd>a.weibo:before {
	content:'\e619'
}
.footer dl.other dd>a:hover {
	text-decoration:none;
	color:#fff;
	background-color:#657683
}
.footer dl.other dd>a:hover:before {
	color:#fff
}
.footer dl.other dd>a:hover div {
	display:block
}
.footer dl.other dd>a div {
	display:none;
	position:absolute;
	left:-176%;
	top:34px;
	z-index:3;
	padding:4px 7px 11px;
	background-color:#fff;
	border-radius:4px
}
.footer dl.other dd>a div:before {
	content:"";
	display:block;
	margin:-12px auto 0;
	width:0;
	height:0;
	border-left:15px solid transparent;
	border-right:15px solid transparent;
	border-bottom:15px solid #fff
}
table td,table th {
	border-right:1px solid #efefef
}
.footer dl.other dd>a div.ecode {
	width:86px;
	height:86px
}
.footer dl.other dd>a div.ecode:after {
	content:"";
	display:block;
	width:86px;
	height:86px;
	/*background:url(../images/ewm.jpg) no-repeat;*/
	background-size:100%
}
.footer dl.other dd>a div.yx p:nth-child(1) {
	font-size:13px;
	color:#333
}
.footer .copyright {
	margin:0 auto;
	width:1100px;
	font-size:12px;
	line-height:70px;
	text-align:center;
	color:#868e94;
	border-top:1px solid #21272b
}
table,table tbody tr:first-child {
	border-top:1px solid #efefef
}
.error-body {
	width:100%;
	height:100%;
	overflow-x:hidden
}
.error-404 {
	margin:0 auto;
	width:1345px;
	height:100%
}
.error-404 .error-inner {
	height:100%;
	display:table
}
.error-404 .img {
	display:table-cell;
	vertical-align:middle
}
.error-404 .link-index {
	position:absolute;
	display:block;
	top:599px;
	left:50%;
	margin-left:-79px;
	width:158px;
	line-height:38px;
	text-align:center;
	font-size:16px;
	color:#fff;
	background-color:#2575e9;
	z-index:1
}
.transition-stretch a {
	position:relative
}
.transition-stretch a:after {
	position:absolute;
	left:50%;
	right:50%;
	content:'';
	bottom:-1px;
	border-bottom:1px solid #2575e9;
	-webkit-transiton:all .3s ease;
	transition:all .3s ease
}
table,table th {
	border-bottom:1px solid #efefef
}
.transition-stretch a:hover:after {
	left:-1px;
	right:-1px
}
table {
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
	border-left:1px solid #efefef
}
table th {
	padding:0 20px;
	height:40px;
	font-weight:700
}
table td {
	padding:15px 20px;
	line-height:20px
}
.error-visit .link,.error-visit p {
	padding-left:384px
}
table tbody tr:nth-child(odd) {
	background-color:#f6f6f6
}
table.table-center {
	text-align:center
}
a[href*="tongji.baidu"],a[href*=cnzz] {
	display:none
}
.error-visit {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-350px;
	width:700px;
	height:400px
}
.error-visit p {
	margin-bottom:40px;
	padding-top:222px;
	font-size:18px;
	line-height:1;
	color:#333
}
.error-visit .link a {
	display:inline-block;
	margin-right:20px;
	width:118px;
	height:38px;
	font-size:18px;
	line-height:38px;
	text-align:center;
	color:#27c8e8;
	background-color:#fff;
	border:1px solid #27c8e8;
	border-radius:20px;
	cursor:pointer
}
.err-404 {
	/*background:url(../images/bg-err-404.jpg) center center no-repeat*/
}
.err-500 {
	/*background:url(../images/bg-err-500.jpg) center center no-repeat*/
}
.fql-logo {
	position:absolute;
	top:23px;
	left:26px;
	display:block;
	width:155px;
	height:40px;
	text-indent:-999rem;
	background:url() no-repeat
}
#sidebarfixed li:after,#sidebarfixed li:before {
	content:"";
	display:block;
	position:absolute
}
#sidebarfixed {
	position:fixed;
	right:30px;
	bottom:-50px;
	font-family:"PingFang SC","Helvetica Neue",Helvetica,STHeiTi,sans-serif;
	z-index:100;
	transition:all .35s ease
}
#sidebarfixed .link-register {
	display:block;
	height:66px
}
#sidebarfixed li {
	position:relative;
	display:block;
	width:58px;
	height:58px;
	background-color:rgba(255,255,255,.8);
	border:1px solid #333;
	border-radius:50%;
	cursor:pointer;
	transition:all .35s ease
}
#sidebarfixed li:before {
	/*background:url(../images/sidebar-icon-1.svg) no-repeat;*/
	transition:all .35s ease
}
#sidebarfixed li:after {
	left:0;
	width:58px;
	font:300 11px/1 'PingFang SC','Microsoft Yahei','Helvetica Neue',Helvetica,STHeitiSC-Light,Arial;
	-webkit-text-size-adjust:none;
	-webkit-transform:scale(.8);
	color:#323232;
	text-align:center;
	opacity:0;
	transition:all .8s ease-in-out
}
#sidebarfixed li:nth-child(1) {
	background-color:#09f;
	border:1px solid #09f
}
#sidebarfixed li:nth-child(1):before {
	left:17px;
	top:17px;
	width:25px;
	height:25px;
	background-position:-27px -44px
}
#sidebarfixed li:nth-child(1):after {
	color:#fff
}
#sidebarfixed li:nth-child(1):hover:before {
	top:8px
}
#sidebarfixed li:nth-child(1):hover:after {
	content:"产品咨询";
	top:36px;
	opacity:1
}
#sidebarfixed li:nth-child(2) {
	margin-top:20px;
	opacity:0
}
#sidebarfixed li:nth-child(2):before {
	left:17px;
	top:20px;
	width:25px;
	height:17px;
	background-position:-170px -45px
}
#sidebarfixed li:nth-child(2):hover {
	background-color:#fff
}
#sidebarfixed li:nth-child(2):hover:before {
	top:14px
}
#sidebarfixed li:nth-child(2):hover:after {
	content:"返回顶部";
	top:36px;
	opacity:1
}
#sidebarfixed.go-top {
	bottom:30px
}
#sidebarfixed.go-top li:nth-child(2) {
	opacity:1
}